<template>
    <div>
        <component :is="one"></component>

        <div id="container">
            <div id="content2">
                <table width="100%" height="41" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="15" height="18" align="left" valign="top">
                            <div align="left"></div>
                        </td>
                        <td width="385" align="left" valign="bottom" class="12">&nbsp;</td>
                    </tr>
                    <tr>
                        <td height="4" colspan="2" align="left" valign="bottom"></td>
                    </tr>
                    <tr>
                        <td height="15" align="left" valign="top">&nbsp;</td>
                        <td height="15" align="left" valign="top" class="12">
                            <table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td height="20" align="center">
                                        <div class="right_proaducts">
                                            <div align="left">我的位置&gt;&gt;科技项目申报&gt;项目分类列表</div>
                                        </div>
                                        <!--      <form action="" method="post" id="form">-->
                                        <!-- <DIV class=padding>
                                            <DIV id=middlebody> -->
                                                <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <div align="left">
                                                                    |&nbsp;&nbsp;欢迎,单位用户&nbsp;&nbsp;|&nbsp;&nbsp;
                                                                    <a class="table_t"
                                                                        href="#/">注销      </a>&nbsp;&nbsp;|&nbsp;&nbsp;
                                                                    <a
                                                                        href="javascript:history.go(-1)">后退</a>&nbsp;&nbsp;|
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div align="center"><a
                                                                        href="#/unit/unitinfo">单位信息</a></div>
                                                            </td>
                                                            <td>
                                                                <div align="center"><a
                                                                        href="#/unit/reworkpassword">修改密码</a>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div align="center"><a
                                                                        href="#/unit/showprojectcategory">项目申报管理</a>
                                                                </div>
                                                            </td>
                                                            <td height="50">
                                                                <div align="center"><a
                                                                        href="#/unit/simplesearch">信息查询</a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                <table id="app" width="100%" border="0" cellpadding="0" cellspacing="1">
                                                    <tbody>
                                                        <tr>
                                                            <td width="10%" align="middle" valign="center"
                                                                bgcolor="#fba661">
                                                                <div align="center">编号ID</div>
                                                            </td>
                                                            <td width="40%" align="middle" valign="center"
                                                                bgcolor="#fba661">
                                                                <div align="center">分类名称</div>
                                                            </td>
                                                            <td width="20%" align="middle" valign="center"
                                                                bgcolor="#fba661">
                                                                <div align="center">申报开始时间</div>
                                                            </td>
                                                            <td width="20%" align="middle" valign="center"
                                                                bgcolor="#fba661">
                                                                <div align="center">申报结束时间</div>
                                                            </td>
                                                            <td width="10%" align="middle" valign="center"
                                                                bgcolor="#fba661">
                                                                <div align="center">申报</div>
                                                            </td>
                                                        </tr>
                                                        <tr v-for="(project,i) in projects">
                                                            <td align="middle" valign="center" bgcolor="#f3f3f3">
                                                                <div align="center">{{project.categoryid}}</div>
                                                            </td>
                                                            <td align="middle" valign="center" bgcolor="#f3f3f3">
                                                                <div align="center">{{project.categoryname}}</div>
                                                            </td>
                                                            <td align="middle" valign="center" bgcolor="#f3f3f3">
                                                                <div align="center">{{project.repStartTime}}</div>
                                                            </td>
                                                            <td align="middle" valign="center" bgcolor="#f3f3f3">
                                                                <div align="center">{{project.repStopTime}}</div>
                                                            </td>
                                                            <td align="middle" valign="center" bgcolor="#f3f3f3">
                                                                <div align="center">
                                                                    <a href="#/unit/applyproject"
                                                                        @click="sendCid(i)">申报</a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                <div></div>
                                                <!--              </form>-->
                                    </td>
                                </tr>
                            </table>
                            <br />
                            <div class="table_wz"></div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <component :is="two"></component>
    </div>
</template>
<script>
    import four from '../../util/four';
    import aaa from '@/components/header.vue'
    import bbb from '@/components/footer.vue'
    export default {
        components: {
            aaa, bbb
        },
        data() {
            return {
                one: 'aaa',
                two: 'bbb',
                projects: [],
            }
        },
        mounted() {
            this.getProjects()
        },
        methods: {
            getProjects() {
                four.get("/projectCategorys").then((res) => {
                    this.projects = res.data.data;
                });
            },
            sendCid(i) {
                sessionStorage.setItem("cid", JSON.stringify(this.projects[i].categoryid));
                sessionStorage.setItem("cname", JSON.stringify(this.projects[i].categoryname));
            }
        }
    }
</script>